<div class="container-fluid">
<div class="row align-items-center row-cols-5 border ">
    {%if address == "naryad_list" or address == "naryad_list_mpp" %}
    <div class="col text-center">
        <div class="p-3 align-items-center  text-center text-dark  text-decoration-none bg-primary w-30" style="--bs-bg-opacity: .5;">
            <img src="/static/img/attention.png" alt="logo" width="30" height="30" class="me-2 " viewBox="0 0 118 94"></img>
        <span class="fs-4 text-center d-none d-lg-block">Ваш этап <b id="wait_count"
                        hx-get="/naryad/stat_wait/wait/{{user.mpp}}"
                        hx-trigger="load delay:3s"
                        hx-swap="outerHTML"
                        hx-target="#wait_count"
                    >(...)
            </b>
        </span>
        </div>
        
    </div>
    {% else %}
    <div class="col text-center">
        <a href="{% url 'naryad_list' %}" class="p-3 align-items-center  text-decoration-none text-dark w-30">
            <img src="/static/img/attention.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Ваш этап <b id="wait_count"
                        hx-get="/naryad/stat_wait/wait/{{user.mpp}}"
                        hx-trigger="load delay:3s"
                        hx-swap="outerHTML"
                        hx-target="#wait_count"
                    >(...)
            </b>
        </span>
        </a>
    </div>
    {% endif %}
    
    {%if address == "naryad_list_in_work" %}
    <div class="col text-center border border-1 border-secondary border-bottom-0 border-top-0">
        <div class="p-3 align-items-center  text-center text-dark  bg-primary text-decoration-none w-30" style="--bs-bg-opacity: .5;">
            <img src="/static/img/unfinished.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Ожидание <b id="inwork_count"
                        hx-get="/naryad/stat_wait/inwork/{{user.mpp}}"
                        hx-trigger="load delay:3s"
                        hx-swap="outerHTML"
                        hx-target="#inwork_count"
                    >(...)
            </b>
        </span>
        </div>
    </div>
    {% else %}
    <div class="col text-center border border-1 border-secondary border-bottom-0 border-top-0">
        <a href="{% url 'naryad_list_in_work' %}" class="p-3 align-items-center text-decoration-none text-dark w-30">
            <img src="/static/img/unfinished.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Ожидание <b id="inwork_count"
                        hx-get="/naryad/stat_wait/inwork/{{user.mpp}}"
                        hx-trigger="load delay:3s"
                        hx-swap="outerHTML"
                        hx-target="#inwork_count"
                    >(...)
            </b>
        </span>
        </a>
    </div>
    {% endif %}

    {%if address == "naryad_list_finish" %}
    <div class="col text-center border border-1 border-secondary border-bottom-0 border-top-0">
        <div class="p-3 align-items-center  text-center text-dark  bg-primary  text-decoration-none w-30" style="--bs-bg-opacity: .5;">
            <img src="/static/img/done.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Закрытые</span>
        </div>
    </div>
    {% else %}
    <div class="col text-center border border-1 border-secondary border-bottom-0 border-top-0">
        <a href="{% url 'naryad_list_finish' %}" class="p-3 align-items-center  text-decoration-none text-dark w-30">
            <img src="/static/img/done.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Закрытые</span>
        </a>
    </div>
    {% endif %}

    {%if address == "naryad_report" %}
    <div class="col text-center">
        <div class="p-3 align-items-center  text-center text-dark  bg-primary  text-decoration-none w-30" style="--bs-bg-opacity: .5;">
            <img src="/static/img/report.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Отчеты</span>
        </div>
    </div>
    {% else %}
    <div class="col text-center">
        <a href="{% url 'naryad_report'%}" class="p-3 align-items-center text-dark  text-decoration-none w-30">
            <img src="/static/img/report.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Отчеты</span>
        </a>
    </div>
    {% endif %}
    <div class="col text-center border border-1 border-secondary border-bottom-0 border-top-0 border-end-0">
        <a href="{% url 'logout'%}" class="p-3 align-items-center text-dark  text-decoration-none w-30">
            <img src="/static/img/exit.png" alt="logo" width="30" height="30" class="me-2" viewBox="0 0 118 94"></img>
        <span class="fs-4 d-none d-lg-block">Выход</span>
        </a>
    </div>
</div>
</div>